<script setup>

</script>

<template>
     <div class="footer">
    	<!--左-->
     	 <div class="footer_left">
         	<dl class="footer_dl">
                
                <br>
            	<dt><a href="#">学校官网</a></dt>
                <hr>
                <br>
            	<dt><a href="#">学校教务处</a></dt>
                <hr>
                <br>
            	<dt><a href="#">学校学生会</a></dt>
                
                
            </dl>
         	
         </div>
         
           
        <!--中-->   
         <div class="footer_middle">
                <br>
            	<dt><a href="#">关于我们</a></dt>
                <hr>
                <br>
            	<dt><a href="#">联系人：马家乐</a></dt>
                <hr>
                <br>
            	<dt><a href="#">管理员电话：*********</a></dt>
                
         	
         </div>
         
        <!--右--> 
         <div class="footer_right">
         	<dl class="footer_dl">
                <br>
            	<dt><a href="#">反馈意见</a></dt>
                <hr>
                <br>
            	<dt><a href="#">投诉</a></dt>
                <hr>
                <br>
            	<dt><a href="#">联系电话</a></dt>
                
            	
            </dl>
            
         </div>
                	 
        
        
    </div>
    <!--底部开始-->
</template>

<style scoped>
    .footer{
	width:80%;
	height:180px;
	background:rgb(236, 79, 30);
    opacity: 0.9;

	margin:0 auto;
}
/*foot_dl设置*/
.footer_right,.footer_left,.footer_middle{
	width:32%;
	height:160px;
	float:left;
	position:relative;
	top:20px;
	
	font-size:20px;
	font-family:"楷书";
	text-align:center;
}
.footer div{border:2px solid rgb(56, 165, 228); border-radius:10px;}
dt a{
    text-decoration: none;
    color: rgb(228, 218, 202);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
dt a:hover{
    color: rgb(160, 163, 135);
}
</style>
